/**
 * @功能描述: 标记面板demo
 * @author: lzn
 * @date: 2022-09-29 09:24:41
 * @version: 1.0
 */
<script setup>

</script>

<template>
  <div class="yw-base-form yw-edit-panel">
    <div class="yw-row">
      <div class="yw-col yw-col-12">
        <div class="yw-form-item">
          <div class="yw-row">
            <div class="yw-col yw-col-6 yw-form-item-label">
              <label class="item-required" title="input" for="input">input</label>
            </div>
            <div class="yw-col yw-col-18 yw-form-item-control">
              <div class="form-item-content">
                <input class="yw-input status-error" id="input" />
              </div>
              <div class="error-message">错误提示 error message</div>
            </div>
          </div>
        </div>
      </div>
      <div class="yw-col yw-col-12">
        <div class="yw-form-item">
          <div class="yw-row">
            <div class="yw-col yw-col-6 yw-form-item-label">
              <label title="Select" for="select">Select</label>
            </div>
            <div class="yw-col yw-col-18 yw-form-item-control">
              <div class="form-item-content">
                <input class="yw-input" id="select" />
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="yw-row">
      <div class="yw-col yw-col-12">
        <div class="yw-form-item">
          <div class="yw-row">
            <div class="yw-col yw-col-6 yw-form-item-label">
              <label class="item-required" title="input" for="title">标题</label>
            </div>
            <div class="yw-col yw-col-18 yw-form-item-control">
              <div class="form-item-content">
                <input class="yw-input status-error" id="title" />
              </div>
              <div class="error-message">错误提示 error message</div>
            </div>
          </div>
        </div>
      </div>
      <div class="yw-col yw-col-12">
        <div class="yw-form-item">
          <div class="yw-row">
            <div class="yw-col yw-col-6 yw-form-item-label">
              <label title="唯一标识" for="id">唯一标识</label>
            </div>
            <div class="yw-col yw-col-18 yw-form-item-control">
              <div class="form-item-content">
                <input class="yw-input" id="id" />
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<style scoped>
.yw-base-form {
  width: 600px;
}
</style>